TypeScript 데이터 유형 소개 — 원조, 매거 및 그 어떠한

아마존에서 내 책 보기https://www.amazon.com/John-Au-Yeung/e/B08FT5NT62
지금 http://jauyeung.net/subscribe/에 내 이메일 목록을 구독하십시오.
다른 프로그래밍 언어와 마찬가지로 JavaScript는 자체 데이터 구조와 유형을 가지고 있습니다.JavaScript 빌더를 사용하려면 데이터 유형을 알아야 합니다.서로 다른 데이터 세션을 한데 조합하여 더욱 복잡한 데이터 구조를 구축할 수 있다.
JavaScript는 느슨한 유형 또는 동적 유형의 언어입니다.이것은 하나의 형식 성명 변수를 사용하면 다른 형식으로 변환할 수 있으며, 데이터를 다른 형식으로 현저하게 변환할 필요가 없다는 것을 의미한다.
변수는 분배된 내용에 따라 언제든지 어떤 유형을 포함할 수 있다.동적 유형 언어에서 변수를 기록하지 않으면 변수의 유형을 확정하기 어려워서 우리는 변수에 필요하지 않은 데이터를 분배할 수 있다.
TypeScript에서는 변수의 고정 유형을 설정하여 이러한 문제를 수정하여 유형을 결정합니다.이 문서에서 TypeScript만의 TypeScript 데이터 유형을 연구할 것입니다.본고에서 우리는tuple,enum,any의 데이터 유형을 연구할 것이다.

원조
원조는 쉼표로 구분된 대상 목록이다.우리는 임의의 여러 개의 쉼표로 구분된 항목을 가질 수 있다.그러나 실제로는 한 유형에 10개의 쉼표 구분이 있어서는 안 될 수도 있다.TypeScript에서는 유형 이름을 쉼표로 구분하는 형식의 변수를 괄호로 선언할 수 있습니다.이것은 모듈의 모든 항목이tuple 변수를 설명할 때 설정된 형식을 가지고 있음을 의미합니다.예를 들어 다음과 같이 쓸 수 있습니다.

let x: [string, number, boolean] = ['hello', 1, true];  
console.log(x);

그리고 우리는 다음과 같은 것을 얻었다.

["hello", 1, true]

원조는 하나의 수조일 뿐이며, 항목마다 고정된 유형이 있다.만약 우리가 성명할 때 지정한 것과 다른 유형을 위치에 두면, 우리는 오류를 얻게 될 것이다.예를 들어,

let x: [string, number, boolean] = [2, 1, true];  
console.log(x);

그리고 우리는'유형'number'를 유형'string'에 분배할 수 없다'는 것을 얻었다.오류, 프로그램을 실행할 수 없습니다.우리는 액세스 그룹처럼 모듈 중의 한 항목에 접근할 수 있다. 왜냐하면 그것들은 단지 그룹일 뿐이고, 모든 항목의 유형은 고정되어 있기 때문이다.예를 들어 다음과 같은 코드를 작성할 수 있습니다.

let x: [string, number, boolean] = ['hello', 1, true];  
console.log(x);  
console.log(x[0]);  
console.log(x[1]);  
console.log(x[2]);

그리고 우리는 다음과 같은 것을 얻었다.

hello  
1  
true

마찬가지로 다른 수조와 마찬가지로 destructuring assignment 조작부호도 정상적으로 작동할 수 있습니다.예를 들어 다음과 같이 쓸 수 있습니다.

const x: [string, number, boolean] = ['hello', 1, true];  
const [str, num, bool] = x;  
console.log(x);  
console.log(str);  
console.log(num);  
console.log(bool);

그리고 우리는 이전과 같은 출력을 얻는다.우리는 또한 비기본 대상을 원조 대상에 넣을 수 있다.예를 들어, 다음 코드와 같이 클래스 인스턴스를 만들 수 있습니다.

class Person{  
  name: string;  
  constructor(name: string){  
    this.name = name;  
  }  
}  
const x: [string, number, boolean, Person] = ['hello', 1, true, new Person('Jane')];  
const [str, num, bool, person] = x;  
console.log(x);  
console.log(str);  
console.log(num);  
console.log(bool);  
console.log(person);

그리고 다음과 같은 결과를 얻었습니다.

hello  
1  
true  
Person {name: "Jane"}

console.log에서 출력합니다.

매거
TypeScript의 열거 유형은 JavaScript에서 사용할 수 없습니다.열거 유형은 원소, 구성원, 열거수, 또는 이 유형의 열거수의 명칭 값을 가진 데이터 형식입니다.그것들은 표지부로 언어에서 상량의 작용을 한다.TypeScript에서는 연관된 색인을 열거합니다.기본적으로 구성원은 색인 0으로 시작하지만 우리가 좋아하는 색인으로 변경할 수 있으며, 후속 구성원의 색인은 이 시작 숫자부터 증가합니다.예를 들어, TypeScript에서 간단한 열거를 정의하기 위해 다음 코드를 작성할 수 있습니다.

enum Fruit { Orange, Apple, Grape };

그런 다음 다음 다음 코드를 사용하여 열거된 구성원에 액세스할 수 있습니다.

enum Fruit { Orange, Apple, Grape };  
console.log(Fruit.Orange);

그리고 console.log 위의 코드에서 0을 받아야 합니다. 왜냐하면 우리는 매거진을 위한 시작 색인을 지정하지 않았기 때문입니다.다음 코드에서 열거된 시작 인덱스를 지정할 수 있습니다.

enum Fruit { Orange = 1, Apple, Grape };  
console.log(Fruit.Orange);  
console.log(Fruit.Apple);  
console.log(Fruit.Grape);

그리고 우리는 각console.log문장에서 다음과 같은 내용을 순서대로 기록한다.

1  
2  
3

각 구성원에 대해 동일한 색인을 지정할 수 있지만 이는 유용하지 않습니다.

enum Fruit { Orange = 1, Apple = 1, Grape };  
console.log(Fruit.Orange);  
console.log(Fruit.Apple);  
console.log(Fruit.Grape);

그리고 우리는 다음과 같은 것을 얻었다.

1  
1  
2

에서 오다console.log.보시다시피, 우리는 거의 우리가 바꾸고 싶은 방식에 따라 색인을 지정합니다.우리는 심지어 마이너스 지수를 가질 수 있다.

enum Fruit { Orange = -1, Apple, Grape };  
console.log(Fruit.Orange);  
console.log(Fruit.Apple);  
console.log(Fruit.Grape);

그리고 우리는 다음과 같은 것을 얻었다.

-1  
0  
1

에서 오다console.log.색인을 통해 매거 구성원을 얻으려면, 색인을 통해 그룹 항목에 접근하는 것처럼 괄호 표시법을 사용할 수 있습니다.예를 들어 다음과 같은 코드를 작성할 수 있습니다.

enum Fruit { Orange, Apple, Grape };  
console.log(Fruit[0]);  
console.log(Fruit[1]);  
console.log(Fruit[2]);

그리고 우리는 다음과 같은 것을 얻었다.

Orange  
Apple  
Grape

어떤
TypeScript에서 any 유형은 any 유형으로 선언된 변수에 값을 부여할 수 있음을 의미합니다.이는 JavaScript에서 변수를 할당하는 것과 다릅니다.이렇게 하면 JavaScript를 사용하여 TypeScript를 천천히 작성할 수 있고 사전과 같은 동적 대상을 사용할 수 있습니다.제3자 라이브러리 모듈에서 온 like 구성원 유형을 모르는 변수를 사용할 수 있습니다.우리는 오류가 발생하지 않고 any 유형의 변수에 모든 내용을 분배할 수 있다.예를 들어, 다음 코드와 같이 any 유형의 변수를 선언하고 사용할 수 있습니다.

let x: any = 1;  
console.log(x);  
x = 'string';  
console.log(x);

위 코드를 실행하면 다음과 같은 값console.log이 제공됩니다.

1  
string

any 유형은 수조와 같은 다른 데이터 형식도 쉽게 설명할 수 있다.만약 우리가 any 형식으로 하나의 그룹을 성명한다면, 우리는 모든 형식의 데이터를 항목으로 성명된 그룹에 넣을 수 있다.다음 코드와 같이 any 유형의 배열을 설명할 수 있습니다.

let anyList: any[] = [1, true, "abc"];  
console.log(anyList);

그리고 우리는 다음과 같은 것을 얻었다.

[1, true, "abc"]

에서 오다console.log.TypeScript에는 JavaScript의 객체Object 유형이 있습니다.따라서 Object 유형처럼 사용할 수 없다.any 유형은 자신의 방법이 있다. 예를 들어 Object,toString 등은 hasOwnProperty 유형과 완전히 다르다. 이것은 사실상 변수가 어떤 것도 부여받을 수 있다는 것을 의미한다.예를 들어,

let x: Object = 2;  
x.toFixed();

오류 "형식"Object "에 속성"toFixed "가 존재하지 않습니다.그러나 다음과 같은 코드를 작성할 수 있습니다.

let x: Object = 2;  
console.log(x.hasOwnProperty('foo'));

보시다시피 any 유형에는 Object 속성 방법이 있습니다. 이것이 바로 자바스크립트의 hasOwnProperty 대상의 속성 방법입니다.
원조는 쉼표로 구분된 대상 목록이다.우리는 임의의 여러 개의 쉼표로 구분된 항목을 가질 수 있다.항목마다 고정된 유형이 있는 JavaScript 배열입니다.TypeScript의 열거 유형은 JavaScript에서 사용할 수 없습니다.열거 유형은 원소, 구성원, 열거수, 또는 이 유형의 열거수의 명칭 값을 가진 데이터 형식입니다.
그것들은 표지부로 언어에서 상량의 작용을 한다.모든 열거 구성원은 색인을 가지고 있으며 임의로 설정할 수 있습니다.우리는 색인을 통해 그룹 항목을 얻는 것처럼 괄호 표시법을 통해 색인에서 구성원의 이름을 얻을 수 있다.Object 유형은 any 유형 성명을 사용하는 변수에 모든 내용을 분배할 수 있도록 합니다.이는 JavaScript에서 변수를 할당하는 것과 다릅니다.